<!DOCTYPE html>
<html lang="zh-cn">

<head><title>
    配置系统 | 
    
    ZZY2357 的博客</title>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="description" content="配置系统 由于本人喜爱 Linux，经常尝试不同的发行版，但几乎都是百分百全盘格式化安装（只为图个方便【滑稽】），经常需要捣鼓系统，在此做个总结。
Node.js &amp; NPM 配置镜像源 npm config set registry &#39;https://registry.npm.taobao.org&#39; export ELECTRON_MIRROR=&#39;https://npm.taobao.org/mirrors/electron/&#39; export SASS_BINARY_SITE=&#39;https://npm.taobao.org/mirrors/node-sass&#39; 全局安装无权限 mkdir ~/.npm-global npm config set prefix &#39;~/.npm-global&#39; 配置环境变量
export PATH=~/.npm-global/bin:$PATH 安装工具  cnpm @vue/cli node-sass typescript electron eslint express-generator vuepress serve  cnpm i -g @vue/cli node-sass typescript electron eslint express-generator vuepress serve zsh &amp; oh-my-zsh 安装 zsh sudo apt install zsh 安装 oh-my-zsh wget https://gitee.com/mirrors/oh-my-zsh/raw/master/tools/install.sh sh ./install.sh VSCode 插件  Prettier 格式化代码 Auto Rename Tag 自动改标签名称 vscode-icons 图标 Vetur 对 .
    ">


<meta property="og:title" content="配置系统" />
<meta property="og:description" content="配置系统 由于本人喜爱 Linux，经常尝试不同的发行版，但几乎都是百分百全盘格式化安装（只为图个方便【滑稽】），经常需要捣鼓系统，在此做个总结。
Node.js &amp; NPM 配置镜像源 npm config set registry &#39;https://registry.npm.taobao.org&#39; export ELECTRON_MIRROR=&#39;https://npm.taobao.org/mirrors/electron/&#39; export SASS_BINARY_SITE=&#39;https://npm.taobao.org/mirrors/node-sass&#39; 全局安装无权限 mkdir ~/.npm-global npm config set prefix &#39;~/.npm-global&#39; 配置环境变量
export PATH=~/.npm-global/bin:$PATH 安装工具  cnpm @vue/cli node-sass typescript electron eslint express-generator vuepress serve  cnpm i -g @vue/cli node-sass typescript electron eslint express-generator vuepress serve zsh &amp; oh-my-zsh 安装 zsh sudo apt install zsh 安装 oh-my-zsh wget https://gitee.com/mirrors/oh-my-zsh/raw/master/tools/install.sh sh ./install.sh VSCode 插件  Prettier 格式化代码 Auto Rename Tag 自动改标签名称 vscode-icons 图标 Vetur 对 ." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://zzy2357.gitee.io/posts/config-my-system/" />
<meta property="article:published_time" content="2020-06-03T22:17:03+08:00" />
<meta property="article:modified_time" content="2020-06-03T22:17:03+08:00" />

<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="配置系统"/>
<meta name="twitter:description" content="配置系统 由于本人喜爱 Linux，经常尝试不同的发行版，但几乎都是百分百全盘格式化安装（只为图个方便【滑稽】），经常需要捣鼓系统，在此做个总结。
Node.js &amp; NPM 配置镜像源 npm config set registry &#39;https://registry.npm.taobao.org&#39; export ELECTRON_MIRROR=&#39;https://npm.taobao.org/mirrors/electron/&#39; export SASS_BINARY_SITE=&#39;https://npm.taobao.org/mirrors/node-sass&#39; 全局安装无权限 mkdir ~/.npm-global npm config set prefix &#39;~/.npm-global&#39; 配置环境变量
export PATH=~/.npm-global/bin:$PATH 安装工具  cnpm @vue/cli node-sass typescript electron eslint express-generator vuepress serve  cnpm i -g @vue/cli node-sass typescript electron eslint express-generator vuepress serve zsh &amp; oh-my-zsh 安装 zsh sudo apt install zsh 安装 oh-my-zsh wget https://gitee.com/mirrors/oh-my-zsh/raw/master/tools/install.sh sh ./install.sh VSCode 插件  Prettier 格式化代码 Auto Rename Tag 自动改标签名称 vscode-icons 图标 Vetur 对 ."/>

<meta itemprop="name" content="配置系统">
<meta itemprop="description" content="配置系统 由于本人喜爱 Linux，经常尝试不同的发行版，但几乎都是百分百全盘格式化安装（只为图个方便【滑稽】），经常需要捣鼓系统，在此做个总结。
Node.js &amp; NPM 配置镜像源 npm config set registry &#39;https://registry.npm.taobao.org&#39; export ELECTRON_MIRROR=&#39;https://npm.taobao.org/mirrors/electron/&#39; export SASS_BINARY_SITE=&#39;https://npm.taobao.org/mirrors/node-sass&#39; 全局安装无权限 mkdir ~/.npm-global npm config set prefix &#39;~/.npm-global&#39; 配置环境变量
export PATH=~/.npm-global/bin:$PATH 安装工具  cnpm @vue/cli node-sass typescript electron eslint express-generator vuepress serve  cnpm i -g @vue/cli node-sass typescript electron eslint express-generator vuepress serve zsh &amp; oh-my-zsh 安装 zsh sudo apt install zsh 安装 oh-my-zsh wget https://gitee.com/mirrors/oh-my-zsh/raw/master/tools/install.sh sh ./install.sh VSCode 插件  Prettier 格式化代码 Auto Rename Tag 自动改标签名称 vscode-icons 图标 Vetur 对 .">
<meta itemprop="datePublished" content="2020-06-03T22:17:03&#43;08:00" />
<meta itemprop="dateModified" content="2020-06-03T22:17:03&#43;08:00" />
<meta itemprop="wordCount" content="137">



<meta itemprop="keywords" content="linux," />
<link rel="canonical" href="https://zzy2357.gitee.io/posts/config-my-system/" />

<link rel="icon" type="image/png" href="https://zzy2357.gitee.io/image/favicon.ico">

<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/bulma.min.css">





<script src=/js/ramium.js></script>
<link rel="stylesheet" href=/css/ramium.css>





</head>

<body><nav class="navbar is-dark" role="navigation" aria-label="main navigation">
  <div class="navbar-brand">
    <a class="navbar-item" href=/>
      
      <strong>ZZY2357 的博客 </strong>
      
    </a>

    <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
      data-target="navbarBasicExample">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>

  <div id="navbarBasicExample" class="navbar-menu">
    <div class="navbar-start">
      
      
      <a class="navbar-item" href="/">主页</a>
      
      
      
      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link">博客</a>
        <div class="navbar-dropdown">
          
          <a class="navbar-item" href="/tags/">所有标签</a>
          
          <a class="navbar-item" href="/posts/">所有文章</a>
          
        </div>
      </div>
      
      
      
      <a class="navbar-item" href="/about/">关于</a>
      
      
      
      <a class="navbar-item" href="/index.xml">RSS</a>
      
      
    </div>

    <div class="navbar-end">
      
      <a class="navbar-item navgithub" href="https://github.com/zzy2357" target="_blank">
        <i class="fa fa-github fa-2x"></i>
      </a>
      

      
    </div>
  </div>
</nav><div class="columns is-centered">
        <div id="page-body" class="column is-7">

<div class="content blog">
    <h1>配置系统</h1>

    <div id="infobar" class="level is-mobile">
        <div class="level-left">
            
            <div class="level-item">
                <p class="subtitle info date">Jun 3, 2020
                </p>
            </div>
            

            <div class="level-item">
                <p class="subtitle info">
                    1 min read
                </p>
            </div>
        </div>
        <div class="level-right is-hidden-touch">
            <div class="tags">
                
                <a class="tag is-dark is-rounded" href="/tags/linux">Linux</a>
                
            </div>
        </div>
    </div>

    <div class="tags is-hidden-desktop">
        
        <a class="tag is-dark is-rounded" href="/tags/linux">Linux</a>
        
    </div>

    <div class="blog-text">
        

        <h1 id="配置系统">配置系统</h1>
<p>由于本人喜爱 Linux，经常尝试不同的发行版，但几乎都是百分百全盘格式化安装（只为图个方便【滑稽】），经常需要捣鼓系统，在此做个总结。</p>
<h2 id="nodejs--npm">Node.js &amp; NPM</h2>
<h3 id="配置镜像源">配置镜像源</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-sh" data-lang="sh">npm config set registry <span style="color:#e6db74">&#39;https://registry.npm.taobao.org&#39;</span>
export ELECTRON_MIRROR<span style="color:#f92672">=</span><span style="color:#e6db74">&#39;https://npm.taobao.org/mirrors/electron/&#39;</span>
export SASS_BINARY_SITE<span style="color:#f92672">=</span><span style="color:#e6db74">&#39;https://npm.taobao.org/mirrors/node-sass&#39;</span>
</code></pre></div><h3 id="全局安装无权限">全局安装无权限</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-sh" data-lang="sh">mkdir ~/.npm-global
npm config set prefix <span style="color:#e6db74">&#39;~/.npm-global&#39;</span>
</code></pre></div><p>配置环境变量</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-sh" data-lang="sh">export PATH<span style="color:#f92672">=</span>~/.npm-global/bin:$PATH
</code></pre></div><h3 id="安装工具">安装工具</h3>
<ul>
<li>cnpm</li>
<li>@vue/cli</li>
<li>node-sass</li>
<li>typescript</li>
<li>electron</li>
<li>eslint</li>
<li>express-generator</li>
<li>vuepress</li>
<li>serve</li>
</ul>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-sh" data-lang="sh">cnpm i -g @vue/cli node-sass typescript electron eslint express-generator vuepress serve
</code></pre></div><h2 id="zsh--oh-my-zsh">zsh &amp; oh-my-zsh</h2>
<h3 id="安装-zsh">安装 zsh</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-sh" data-lang="sh">sudo apt install zsh
</code></pre></div><h3 id="安装-oh-my-zsh">安装 oh-my-zsh</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-sh" data-lang="sh">wget https://gitee.com/mirrors/oh-my-zsh/raw/master/tools/install.sh
sh ./install.sh
</code></pre></div><h2 id="vscode">VSCode</h2>
<h3 id="插件">插件</h3>
<ul>
<li>Prettier 格式化代码</li>
<li>Auto Rename Tag 自动改标签名称</li>
<li>vscode-icons 图标</li>
<li>Vetur 对 <code>.vue</code> 文件的支持</li>
</ul>
<h3 id="主题">主题</h3>
<p>我的最爱:</p>
<ul>
<li>Material Theme</li>
<li>Atom One Dark</li>
</ul>
<h3 id="字体">字体</h3>
<ul>
<li>设置字体的值为下:</li>
</ul>
<pre><code>Source Code Variable, 'Source Code Variable Italic'
</code></pre><ul>
<li>设置字体大小为 <code>18px</code> 大小</li>
</ul>
<h2 id="typora">Typora</h2>
<h3 id="安装">安装</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-sh" data-lang="sh"><span style="color:#75715e"># or run:</span>
<span style="color:#75715e"># sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys BA300B7755AFCFAE</span>
wget -qO - https://typora.io/linux/public-key.asc | sudo apt-key add -
<span style="color:#75715e"># add Typora&#39;s repository</span>
sudo add-apt-repository <span style="color:#e6db74">&#39;deb https://typora.io/linux ./&#39;</span>
sudo apt-get update
<span style="color:#75715e"># install typora</span>
sudo apt-get install typora
</code></pre></div>
    </div>
</div><div id="social-media-share" class="has-text-centered">
	<p><i>Sharing is caring!</i></p>
	<br>
	
	<div class="share-buttons">
	    <a  href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fzzy2357.gitee.io%2fposts%2fconfig-my-system%2f"
	        onclick="socialMediaPopUp(this.href, '', 500, 500); return false;"
	        title="Share on Facebook. Opens in a new window.">
	        <img src=/img/icons/45px/facebook.png>
	    </a>

	    <a  href="https://twitter.com/intent/tweet?text=%e9%85%8d%e7%bd%ae%e7%b3%bb%e7%bb%9f&url=https%3a%2f%2fzzy2357.gitee.io%2fposts%2fconfig-my-system%2f"
	        onclick="socialMediaPopUp(this.href, '', 500, 500); return false;"
	        title="Share on Twitter. Opens in a new window." >
	        <img src=/img/icons/45px/twitter.png>
	    </a>

		<a  href="http://www.reddit.com/submit?url=https%3a%2f%2fzzy2357.gitee.io%2fposts%2fconfig-my-system%2f"
	        onclick="socialMediaPopUp(this.href, '', 900, 500); return false;"
	        title="Share on Reddit. Opens in a new window." >
	        <img src=/img/icons/45px/reddit.png>
	    </a>

	    <a  href="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fzzy2357.gitee.io%2fposts%2fconfig-my-system%2f"
	        onclick="socialMediaPopUp(this.href, '', 900, 500); return false;"
	        title="Share on Pinterest. Opens in a new window." >
	        <img src=/img/icons/45px/pinterest.png>
	    </a>

	    <a  href="http://www.tumblr.com/share/link?url=https%3a%2f%2fzzy2357.gitee.io%2fposts%2fconfig-my-system%2f"
	        onclick="socialMediaPopUp(this.href, '', 900, 500); return false;"
	        title="Share on Tumblr. Opens in a new window." >
	        <img src=/img/icons/45px/tumblr.png>
	    </a>

		<a  href="https://www.linkedin.com/shareArticle?mini=true&url=https%3a%2f%2fzzy2357.gitee.io%2fposts%2fconfig-my-system%2f
			&title=%e9%85%8d%e7%bd%ae%e7%b3%bb%e7%bb%9f&summary=%e9%85%8d%e7%bd%ae%e7%b3%bb%e7%bb%9f%20%e7%94%b1%e4%ba%8e%e6%9c%ac%e4%ba%ba%e5%96%9c%e7%88%b1%20Linux%ef%bc%8c%e7%bb%8f%e5%b8%b8%e5%b0%9d%e8%af%95%e4%b8%8d%e5%90%8c%e7%9a%84%e5%8f%91%e8%a1%8c%e7%89%88%ef%bc%8c%e4%bd%86%e5%87%a0%e4%b9%8e%e9%83%bd%e6%98%af%e7%99%be%e5%88%86%e7%99%be%e5%85%a8%e7%9b%98%e6%a0%bc%e5%bc%8f%e5%8c%96%e5%ae%89%e8%a3%85%ef%bc%88%e5%8f%aa%e4%b8%ba%e5%9b%be%e4%b8%aa%e6%96%b9%e4%be%bf%e3%80%90%e6%bb%91%e7%a8%bd%e3%80%91%ef%bc%89%ef%bc%8c%e7%bb%8f%e5%b8%b8%e9%9c%80%e8%a6%81%e6%8d%a3%e9%bc%93%e7%b3%bb%e7%bb%9f%ef%bc%8c%e5%9c%a8%e6%ad%a4%e5%81%9a%e4%b8%aa%e6%80%bb%e7%bb%93%e3%80%82%0aNode.js%20%26amp%3b%20NPM%20%e9%85%8d%e7%bd%ae%e9%95%9c%e5%83%8f%e6%ba%90%20npm%20config%20set%20registry%20%26%2339%3bhttps%3a%2f%2fregistry.npm.taobao.org%26%2339%3b%20export%20ELECTRON_MIRROR%3d%26%2339%3bhttps%3a%2f%2fnpm.taobao.org%2fmirrors%2felectron%2f%26%2339%3b%20export%20SASS_BINARY_SITE%3d%26%2339%3bhttps%3a%2f%2fnpm.taobao.org%2fmirrors%2fnode-sass%26%2339%3b%20%e5%85%a8%e5%b1%80%e5%ae%89%e8%a3%85%e6%97%a0%e6%9d%83%e9%99%90%20mkdir%20~%2f.npm-global%20npm%20config%20set%20prefix%20%26%2339%3b~%2f.npm-global%26%2339%3b%20%e9%85%8d%e7%bd%ae%e7%8e%af%e5%a2%83%e5%8f%98%e9%87%8f%0aexport%20PATH%3d~%2f.npm-global%2fbin%3a%24PATH%20%e5%ae%89%e8%a3%85%e5%b7%a5%e5%85%b7%20%20cnpm%20%40vue%2fcli%20node-sass%20typescript%20electron%20eslint%20express-generator%20vuepress%20serve%20%20cnpm%20i%20-g%20%40vue%2fcli%20node-sass%20typescript%20electron%20eslint%20express-generator%20vuepress%20serve%20zsh%20%26amp%3b%20oh-my-zsh%20%e5%ae%89%e8%a3%85%20zsh%20sudo%20apt%20install%20zsh%20%e5%ae%89%e8%a3%85%20oh-my-zsh%20wget%20https%3a%2f%2fgitee.com%2fmirrors%2foh-my-zsh%2fraw%2fmaster%2ftools%2finstall.sh%20sh%20.%2finstall.sh%20VSCode%20%e6%8f%92%e4%bb%b6%20%20Prettier%20%e6%a0%bc%e5%bc%8f%e5%8c%96%e4%bb%a3%e7%a0%81%20Auto%20Rename%20Tag%20%e8%87%aa%e5%8a%a8%e6%94%b9%e6%a0%87%e7%ad%be%e5%90%8d%e7%a7%b0%20vscode-icons%20%e5%9b%be%e6%a0%87%20Vetur%20%e5%af%b9%20.&source=rafed123.github.io"
	        onclick="socialMediaPopUp(this.href, '', 900, 500); return false;"
	        title="Share on LinkedIn. Opens in a new window." >
	        <img src=/img/icons/45px/linkedin.png>
	    </a>

	    <a  href="mailto:?subject=%e9%85%8d%e7%bd%ae%e7%b3%bb%e7%bb%9f&amp;body=Check out this site https%3a%2f%2fzzy2357.gitee.io%2fposts%2fconfig-my-system%2f"
	        title="Share via Email. Opens in a new window." >
	        <img src=/img/icons/45px/mail.png>
	    </a>
	</div>
</div>


<br>
<div id="disqus_thread"></div>
<script type="text/javascript">
    (function () {
        
        
        if (window.location.hostname == "localhost")
            return;

        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        var disqus_shortname = '';
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>


        </div>
    </div>

<footer class="footer has-background-dark">
    <div class="content has-text-centered has-text-white">
        <p>
            © 2020 Ramium. Powered by
            <a class="has-text-light" href="https://github.com/gohugoio/hugo" target="_blank">
            Hugo</a>. Theme
            <a class="has-text-light" href="https://github.com/rafed123/ramium/" target="_blank">
                Ramium.
            </a>
        </p>
    </div>
</footer>
</body>

</html>